<template>
    <div class="home-section mint-1px-b">
    
        <span class="icon" :class="setData.name"></span>
        <span class="title">{{setData.title}}</span>
        <span class="more">更过>></span>
    
    </div>
</template>

<script>
    export default {
        name: 'sectionheader',
        props: {   
            setData : {
                type: Object
            }
    
        }
    
    }
</script>



<style lang="scss">

@import '../../common/style/index.scss';
.home-section {
  background-color: #fff;
  padding: 5px 15px;
  span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
  }
  .icon {
    width: 20px;
    height: 20px;
    background: greenyellow;
    vertical-align: middle;
    margin-right: 5px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    &.bo {
        background-image: url('../../assets/images/home/刊.png')
    }
    &.shi {
       background-image: url('../../assets/images/home/视.png')

    }
    &.meeting {
       background-image: url('../../assets/images/home/视.png')
    }
    &.phone {
       background-image: url('../../assets/images/home/视.png')
    }
  }
  .more {
    float: right;
    font-size: 10px;
  }
}

</style>